<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.a {
				width: 300px;
				height: 300px;
				background-color: hotpink;
				margin: 0 auto;
			}

			.a h3 {
				padding: 10px 20px;
			}
		</style>
	</head>
	<body>
		<h3>布局三种方式：标准流，浮动，定位</h3>
		文档流就是标签按照规定默认方式排列
		<h3>为什么需要浮动，因为转换为行内块中间有空隙不好控制，而且有时候需要两个盒子一排分别左右对齐</h3>
		<h3>多个块级元素纵向用标准流，多个块级元素横向用浮动</h3>
		<h3>浮动分为左浮动和右浮动 float:left float:right</h3>
		<div class="a">
			<h3>float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘</h3>
		</div>
	</body>
</html>
